<template>
    <div class="Tops">
        <div class="Title">
            教学综合查看平台
        </div>
        <div class="RightDispli">
            <el-menu default-active="1" :unique-opened="true" router class="el-menu-demo" mode="horizontal" @select="handleSelect">
                <el-menu-item index="/organizationPort" style="font-size: 18px;">首页</el-menu-item>
                <el-menu-item index="/organizationPort/declare" style="font-size: 18px;">申报</el-menu-item>
                <el-menu-item index="/organizationPort/Management" style="font-size: 18px;">管理</el-menu-item>
            </el-menu>
            <div class="HeadPortraits">
                <img src="https://himg.bdimg.com/sys/portraitn/item/public.1.f9f3649._1G6_XwaCh_5jRrfn0lL6w" alt="">
                鎏光
            </div>
        </div>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
    .Tops {
        width: 100%;
        height: 64px;
        display: flex;
        padding: 0 24px;
        align-items: center;
        border-bottom: 1px solid #d5d6d9;
        justify-content: space-between;
        position: fixed;
        z-index: 99999;
        top: 0;
        background-color: #ffffff;
        .Title {
            font-size: 15px;
            position: relative;
        }
        .RightDispli {
            display: flex;
            align-items: center;
            position: relative;
        }
        .HeadPortraits {
            margin-left: 80px;
            color: #1890ff;
            img {
                width: 34px;
                height: 34px;
                border-radius: 50%;
                margin-right: 5px;
            }
        }
    }

</style>
